<template>
	<el-card :header="title" class="chart_card_container">
		<slot></slot>
	</el-card>
</template>

<script>
export default {
	props: { title: String }
};
</script>

<style lang="scss" scoped>
.chart_card_container {
	display: flex;
	flex-direction: column;
	height: 100%;
	&:deep(.el-card__header) {
		padding: 16px;
		flex-shrink: 0;
		line-height: 1;
		font-weight: bold;
	}
	&:deep(.el-card__body) {
		flex: 1;
		padding: 0;
		overflow: hidden;
	}
}
</style>
